<template>
  <el-row id="main"  style="overflow-y: auto">
    <el-col  style="border-radius:3px;background-color:rgba(255,255,255,.5)" span="12" offset="6">
      <el-col class="text-center">
        <div  class="p-tb20"></div>
        <h3 class="p-tb20">APP客户端扫码下载</h3>
      </el-col>
      <el-row :style="{'height':slide_h+'px','padding-top':slide_h*0.3+'px'}">
        <el-col span="11">
          <div class="text-center">
            <h4>android</h4>
            <div  id="androidQR" class="p-t10" >
            </div>
          </div>
        </el-col>
        <el-col span="2"></el-col>
        <el-col span="11">
          <div class="text-center">
            <h4>ios</h4>
            <div id="iosQR" class="p-t10" >
            </div>
          </div>
        </el-col>
      </el-row>
    </el-col>
  </el-row>
</template>
<script>
  export default {
    inject:["changeActive"],
    data() {
      return {
        slide_h:window.document.body.offsetHeight-200,
      }
    },
    methods: {
      init() {
      },
      linkto(path){
        console.log(path);
        this.$router.push(path);
      }
    },
    activated(){
    },
    mounted(){
      this.changeActive(5);
      setTimeout(()=>{
        this.$nextTick(()=>{
          this.proUtil.createQrCode("androidQR",window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '')+"/downloadClient");
          this.proUtil.createQrCode("iosQR",window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '')+"/downloadClient");
          // this.proUtil.createQrCode("androidQR",(window.location.protocol + "//m.h188.vip/app"));
          // this.proUtil.createQrCode("iosQR",this.$store.getters.getConfig().IOSClientUrl);
        })
      },1000)
    },
    activated(){
    }
  }
</script>
<style scoped lang="scss"  >
  $height:124px;
  img{
    height:$height;
    width:$height
  }
</style>
